<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Circle Info Page</title>


<!-- IMPORT CSS       -->
<link rel="stylesheet" type="text/css" href="default.css" />
<!-- <link rel="stylesheet" type="text/css" href="fs.css" /> -->


<style type="text/css">
/* YOU CAN ADD EVERY CSS STYLES HERE !!!! 
            * I WILL WRAP ALL THIS UP TO ONE CSS FILE LATER
            */
#tipsContainer #tipsList .tipContainer .image img {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	height: 32px;
	width: 32px;
}

#userPage #tipsContainer #tipsList .tipContainer .content h3 a {
	font-size: 15px;
	margin-right: 3px;
}

a,.link,a:link,a:visited,a:active {
	color: rgb(35, 152, 201);
	cursor: pointer;
	text-decoration: none;
}

a,.link,a:link,a:visited,a:active {
	color: rgb(35, 152, 201);
	cursor: pointer;
	text-decoration: none;
}

#userPage #tipsContainer #tipsList .tipContainer .content h3 span {
	color: rgb(153, 153, 153);
	font-size: 11px;
	font-weight: 400;
}

.stats {
	margin: 10px;
	float: left;
}

.userTitleText {
	font-family: sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 700;
	line-height: 140%;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

h1 {
	font-size: 1.8em;
	line-height: 100%;
	/*margin-bottom: 20px;*/
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

.translate {
	font-family: sans-serif;
	font-size: 0.8em;
}

.userPlaceText {
	font-size: 0.8em;
}

#userDetails {
	float: left;
	margin: 10px;
	min-width: 240px;
	width: 480px;
}

#userPic {
	margin: 10px;
	float: left;
}

#userInfoManagebtn {
	width: 40px;
	position: relative;
	float: right;
	right: 0px;
}
</style>
</head>
<body>
	<div id="wrapper">
		<div id="header">
			<%@include file="header.html"%>
		</div>
		<div id="container">
			<div class="content min-width min-height">
				<div>
				<form action="CircleRegister.jsp">
					<input id="makeCircleBtn" type="submit" class="positive" value="Start Your Own Circle!"
						style="width: 440px; height: 40px;" />
						</form>
				</div>
				<%@include file="CircleLists.jsp"%>
			</div>

		</div>
		<div id="footer">
			<%@include file="footer.html"%>
		</div>
	</div>
</body>
</html>